* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  min-width: 1200px;
}

img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.container-height {
  height: 100%;
}

.header-height {
  height: 80px !important;
}

.main-height {
  height: calc(100% - 80px);
}

.content-style {
  position: relative;
  width: 100%;
  height: 100%;
}

.view-style {
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
}

.header-info {
  color: #cccccc;
  font-size: 14px;
  margin-right: 8px;
}

.cursor-point {
  cursor: pointer;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}

::-webkit-scrollbar-thumb {
  background-color: #9BA3AF60;
  border-radius: 8px;
  cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #9BA3AF;
  border-radius: 8px;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
